<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>作业</title>
</head>

<body>

    <!-- 作业要求： 
        一、制作任意四个文本段落，具体要求如下：
        1、第一个文本段落首行缩进两个中文字符<br>
        2、第二个文本段落中应该包含一个名为“百度”的超链接，点击后以浏览器新选项卡（或新窗口）的方式跳转到“https://www.baidu.com”,该超链接标签文本不应包含下划线<br>
        3、第三个段落为字体颜色为“#fff”带阴影的文本，阴影水平偏移量“0”,垂直偏移量“2px”,模糊距离“1px”，颜色为“rgba(253,76,233,.96)”<br>
        4、第四个段落文本对齐方式为右对齐，字数控制在2~16字内<br>
        5、以上段落，除了第四个段落以外，至少要求具有两行任意文本，行高应为文本的140%<br>
        二、在宽度为100px的div里面添加一段文字，文字的内容至少超过一行，最终让文字排在一行中，且超出的内容显示省略号。可加上边框（border:1px solid red）
        三、兰亭集序
        1.设置文章标题的颜色为blue，不要直接通过h2选择。尝试2种以上的选择器方案
        2.正文第一段文字第一个文字字体20px(font-size:20px),加粗(font-weight:bold),颜色#333(color:#eee)
        3.正文第二段文字颜色#666
        4.最后一段文字第一行设置红色的下划线(text-decoration: underline red;)
        5.不要给article里面的元素添加任何id和class
    -->
    <article>
        <h2>兰亭集序</h2>
        <p>永和九年，岁在癸丑，暮春之初，会于会稽山阴之兰亭，修禊事也。</p>
        <p>群贤毕至，少长咸集。</p>
        <p>此地有崇山峻岭，茂林修竹，又有清流激湍，映带左右，引以为流觞曲水，列坐其次。虽无丝竹管弦之盛，一觞一咏，亦足以畅叙幽情。</p>
        <p>是日也，天朗气清，惠风和畅。仰观宇宙之大，俯察品类之盛，所以游目骋怀，足以极视听之娱，信可乐也。</p>
        <p>夫人之相与，俯仰一世。或取诸怀抱，悟言一室之内；或因寄所托，放浪形骸之外。虽趣舍万殊，静躁不同，当其欣于所遇，暂得于己，快然自足，不知老之将至；及其所之既倦，情随事迁，感慨系之矣。向之所欣，俯仰之间，已为陈迹，犹不能不以之兴怀，况修短随化，终期于尽！古人云：“死生亦大矣。”岂不痛哉！
            每览昔人兴感之由，若合一契，未尝不临文嗟悼，不能喻之于怀。固知一死生为虚诞，齐彭殇为妄作。后之视今，亦犹今之视昔，悲夫！故列叙时人，录其所述，虽世殊事异，所以兴怀，其致一也。后之览者，亦将有感于斯文。</p>
    </article>
    <!-- 作业要求：
    1.实现性别单选。
    2.点击文字选中对应的单选按钮。
    3.默认保密选项被选中，且默认的选项对应的lable标签颜色为blue，加粗。
    4.选择单选，对应的label改变颜色
    -->
    <form>
        <label for="">性别:</label><br>
        <input type="radio" id="seceret" name="gender" checked>
        <label for="seceret">保密</label>
        <input type="radio" id="male" name="gender">
        <label for="male">男</label>
        <input type="radio" id="female" name="gender">
        <label for="female">女</label>
    </form>
    <!-- 作业要求：
    在不添加任何hmtl的情况下，在内容的最前面插入一个图片，在内容的最后面插入一个色块，宽高20px,颜色自定义。
    -->
    <div id="box">
        内容
    </div>
</body>

</html>